<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0 user-scalable=no"/>
		<title>账户信息</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/msg.css" />
	</head>
	<body>
		<header class="header-top">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-9 header-nav">
						<div class="header-logo center-block">
							<a href="index.html"><img src="img/public-img/logo.png"/></a>
						</div>
						<div class="header-links">
							<ul class="link center-block">
								<li class="loginSelect"><a href="login.html">登录</a></li>
								<li>|</li>
								<li class="regSelect"><a href="reg.html">注册</a></li>
								<li>|</li>
								<li class="myShopCart">
									<a href="#">我的购物车<b>( 0 )</b></a>
									<ul class="shopCartList">
										<li><a href="#">您的购物车为空</a></li>
									</ul>
								</li>
								<li class="hidden-xs">|</li>
								<li class="hidden-xs language">
									<a href="order.html">订单中心</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-12 col-sm-3" id="header-search">
						<input type="text"placeholder="请输入你想要的商品"/>
						<span class="glyphicon glyphicon-search search-btn"></span>
					</div> 	
				</div>
			</div>
		</header>
		<nav class="nav-list navbar navbar-inverse">
			<div class="container-fluid">
					<div class="navbar-header">
			          <button type="button" class="navbar-toggle collapsed center-block" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			          </button>
			        </div>
					<div id="navbar" class="collapse navbar-collapse">
						<ul class="nav navbar-nav shopListAll center-block">
						</ul>
					</div>
			</div>
		</nav>
		
		<section class="msg-message">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-4 hidden-xs">
						<a href="#" class="msg-base msg-curr" id="msg-origin-msg">基本信息</a>
						<a href="#" class="msg-base">头像信息</a>
						<a href="#" class="msg-base" id="msg-more-msg">更多个人信息</a>
						<a href="address.html" class="msg-base">收货地址</a>
					</div>
					<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
						<div id="msg-main">
                			<div class="msg-mod-main">
			                    <div class="msg-mt">
			                       <a href="javascript:;">基本信息</a>
			                    </div>
                    			<div class="msg-mc">
                        			<div class="msg-user-set msg-userset-lcol">
                            			<div class="form">
                                			<div class="msg-item">
                                    			<span class="msg-label col-xs-3">用户名：</span>
                                    				<div class="msg-fl">
                                        				<div><strong id="msg-username">sadas</strong></div>
                                   					</div>
                                   				</span>	
				                            </div>
				                            <div class="msg-item">
			                                    <span class="msg-label msg-label1  col-xs-3">性别：</span>
			                                    <div class="fl" clstag="homepage|keycount|home2013|infoGender">
			                                        <input type="radio" name="sex" class="jdradio" value="0"><label class="mr10">男</label>
			                                        <input type="radio" name="sex" class="jdradio" value="1"><label class="mr10">女</label>
			                                        <input type="radio" name="sex" class="jdradio" value="2"><label class="mr10">保密</label>
			                                    </div>
			                                </div>
			                                <div class="msg-item">
			                                    <span class="msg-label col-lg-3 col-md-3  col-xs-3">生日：</span>
			                                    <div class="fl msg-birthday-info col-lg-9">
			                                    	<div class="col-lg-3 col-md-3 col-xs-9  col-xs-offset-3 col-md-offset-0">
				                                    	<select name="" class="selt selt1" id="birthdayYear"></select>
				                                        <label  class="ml5 mr5">年</label>
			                                    	</div>
			                                        <div class="col-lg-3 col-md-3 col-xs-9  col-xs-offset-3 col-md-offset-0">
				                                    	<select name="" class="selt selt1" id="birthdayMonth"></select>
			                                        	<label  class="ml5 mr5">月</label>
			                                    	</div>
			                                        <div class="col-lg-3 col-md-3 col-xs-9 col-xs-offset-3 col-md-offset-0">
				                                    	<select name="" class="selt selt1" id="birthdayDay"></select>
			                                        	<label  class="ml5 mr5">日</label>
			                                    	</div>
			                                       
			                                       <!-- <span class="msg-flx hidden-xs">填生日有惊喜哦~</span>-->
			                                    </div>
			                                </div>
			
			                                <div class="msg-item">
			                                    <span class="msg-label  col-lg-3 col-md-3  col-xs-4">兴趣爱好：</span>
			                                    <div class="fl msg-interest-list">
			                                        <p>请选择您感兴趣的分类</p>
			                                        <ul class="msg-hobul">
			                                            <li name="hobbyType" value="1">图书/音像/数字商品<s></s></li>
			                                            <li name="hobbyType"  value="2">家用电器<s></s></li>
			                                            <li name="hobbyType"  value="3">手机/数码<s></s></li>
			                                            <li name="hobbyType"  value="4">电脑/办公<s></s></li>
			                                            <li name="hobbyType"  value="5">家居/家具/家装/厨具<s></s></li>
			                                            <li name="hobbyType"  value="6">服饰内衣/珠宝首饰<s></s></li>
			                                            <li name="hobbyType"  value="7">个护化妆<s></s></li>
			                                            <li name="hobbyType"  value="8">鞋靴/箱包/钟表/奢侈品<s></s></li>
			                                            <li name="hobbyType"  value="9">运动健康<s></s></li>
			                                            <li name="hobbyType"  value="10">汽车用品<s></s></li>
			                                            <li name="hobbyType"  value="11">母婴/玩具乐器<s></s></li>
			                                            <li name="hobbyType"  value="12">食品饮料/保健食品<s></s></li>
			                                            <li name="hobbyType"  value="13">彩票/旅行/充值/票务<s></s></li>
			                                        </ul>
			                                    </div>
			                                </div>
			                                <div class="msg-item col-lg-12 col-md-12  col-xs-12 ">
												<span class="msg-label msg-email  col-lg-3 col-md-3  col-xs-3 ">邮箱：</span>
												<div class="msg-fl">
													<div>
														<s id="email_orderly">&nbsp;&nbsp;&nbsp;</s>
														<a href="javascript:;" class="ml5 msg-ftx05">立即验证</a>
													</div>
												</div>
											</div>
			                                
			                                <div class="msg-item  col-lg-9 col-md-9  col-xs-9 col-xs-offset-2">
			                                    <span class="msg-label">&nbsp;</span>
			                                    <div class="msg-fl">
			
			                                        <a href="javascript:;" id="submit" class="msg-btn-5">提交</a>
			                                        <div class="msg-success">提交成功</div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                    </div>
			                </div>
                        </div>
                        <div id="msg-main-1">
                			<div class="msg-mod-main">
			                    <div class="msg-mt">
			                       <a href="javascript:;">更多个人信息</a>
			                    </div>
                    			<div class="msg-mc">
                        			<div class="msg-user-set msg-userset-lcol">
                            			<div class="form">
                                			
				                            <div class="msg-item">
			                                    <span class="msg-label msg-label1  col-xs-3">婚姻状况：</span>
			                                    <div class="fl" clstag="homepage|keycount|home2013|infoGender">
			                                        <input type="radio" name="sex" class="jdradio" value="0"><label class="mr10">未婚</label>
			                                        <input type="radio" name="sex" class="jdradio" value="1"><label class="mr10">已婚</label>
			                                        <input type="radio" name="sex" class="jdradio" value="2"><label class="mr10">保密</label>
			                                    </div>
			                                </div>
			                                <div class="msg-item">
			                                    <span class="msg-label col-lg-3 col-md-3  col-xs-3">月收入：</span>
			                                    <div class="fl">
													<select class="msg-fselt" name="monthlyIncome" id="monthlyIncome" ><option value="">请选择</option><option value="1" >2000元以下</option><option value="2" >2000-3999元</option><option value="3" >4000-5999元</option><option value="4" >6000-7999元</option><option value="5" >8000元以上</option></select>
			                                    </div>
			                                </div>
											<div class="msg-item">
			                                    <span class="msg-label msg-label1  col-xs-3">身份证号：</span>
			                                    <div class="fl">
			                                        <div id="cidInputDIv">
			                                        	<input maxlength="18" type="text" class="msg-itxt" />
														<span id="cid_msg"></span>
			                                        </div>
			                                    </div>
			                                </div>
			                                <div class="msg-item">
			                                	 <div class="msg-item">
			                                    <span class="msg-label col-lg-3 col-md-3  col-xs-3">教育程度：</span>
			                                    <div class="fl">
													<select class="selt" name="education" id="education" ><option value="">请选择</option><option value="1" >初中</option><option value="2" >高中</option><option value="3" >中专</option><option value="4" >大专</option><option value="5" >本科</option><option value="6" >硕士</option><option value="7" >博士</option><option value="8" >其他</option></select>
			                                    </div>
			                                </div>
			                                 <div class="msg-item">
			                                    <span class="msg-label col-lg-3 col-md-3  col-xs-3">所在行业：</span>
			                                     <div class="fl">
													<select class="selt" name="industryInfo" id="industryInfo" ><option value="">请选择</option><option value="1" >计算机硬件及网络设备</option><option value="2" >计算机软件</option><option value="3" >IT服务（系统/数据/维护）/多领域经营</option><option value="4" >互联网/电子商务</option><option value="5" >网络游戏</option><option value="6" >通讯（设备/运营/增值服务）</option><option value="7" >电子技术/半导体/集成电路</option><option value="8" >仪器仪表及工业自动化</option><option value="9" >金融/银行/投资/基金/证券</option><option value="10" >保险</option><option value="11" >房地产/建筑/建材/工程</option><option value="12" >家居/室内设计/装饰装潢</option><option value="13" >物业管理/商业中心</option><option value="14" >广告/会展/公关/市场推广</option><option value="15" >媒体/出版/影视/文化/艺术</option><option value="17" >咨询/管理产业/法律/财会</option><option value="16" >印刷/包装/造纸</option><option value="19" >检验/检测/认证</option><option value="18" >教育/培训</option><option value="21" >贸易/进出口</option><option value="20" >中介服务</option><option value="23" >快速消费品（食品/饮料/烟酒/化妆品</option><option value="22" >零售/批发</option><option value="25" >办公用品及设备</option><option value="24" >耐用消费品（服装服饰/纺织/皮革/家具/家电）</option><option value="27" >大型设备/机电设备/重工业</option><option value="26" >礼品/玩具/工艺美术/收藏品</option><option value="29" >汽车/摩托车（制造/维护/配件/销售/服务）</option><option value="28" >加工制造（原料加工/模具）</option><option value="31" >医药/生物工程</option><option value="30" >交通/运输/物流</option><option value="34" >酒店/餐饮</option><option value="35" >娱乐/体育/休闲</option><option value="32" >医疗/护理/美容/保健</option><option value="33" >医疗设备/器械</option><option value="38" >能源/矿产/采掘/冶炼</option><option value="39" >电气/电力/水利</option><option value="36" >旅游/度假</option><option value="37" >石油/石化/化工</option><option value="42" >政府/公共事业/非盈利机构</option><option value="43" >环保</option><option value="40" >航空/航天</option><option value="41" >学术/科研</option><option value="46" >其它</option><option value="44" >农/林/牧/渔</option><option value="45" >跨领域经营</option></select>
			                                    </div>
			                                </div>
			                                <div class="msg-item  col-lg-9 col-md-9  col-xs-9 col-xs-offset-2">
			                                    <span class="msg-label">&nbsp;</span>
			                                    <div class="msg-fl">
			
			                                        <a href="javascript:;" id="submit" class="msg-btn-5">保存</a>
			                                        <div class="msg-success">保存成功</div>
			                                    </div>
			                                </div>
			                            </div>
			                        </div>
			                    </div>
			                </div>
                        </div>
					</div>	
				</div>
			</div>
		</section>
		
		
		
		
		
		
		<div class="ad hidden-xs">
			<img src="img/public-img/ad-img.png"/>
		</div>
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6 col-xs-12 ">
						<ul class="footer-company center-block">
							<h2>公司资料</h2>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">关于我们</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">招聘</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">投资者</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">使用条款</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">隐私政策</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">联系我们</a></li>
						</ul>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-12 ">
						<ul class="myAccount center-block">
							<h2>我的账户</h2>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">订单状态/跟踪</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">通过电子邮件发送您的订单</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">退货和换货</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">电子礼品卡</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">公司礼品卡</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">检查余额</a></li>
						</ul>
					</div>
					<div class="col-md-4 hidden-sm hidden-xs">
						<div class="communication center-block">
							<h2>通讯</h2>
							<p>订阅XXX邮件列表，接收新来港定居人士，优惠及其他折扣信息的更新。</p>
							<input type="text"id="commInput" placeholder="查询你想知道的信息"/>
							<input type="button"id="commBtn" value="订阅" />
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">
						<span class="center-block footerCopy">Copyright © PlazaThemes. All Rights Reserved.</span>
					</div>
				</div>
			</div>
		</footer>
		<div class="returnTop hidden-xs">
			<span class="glyphicon glyphicon-triangle-top"></span>
		</div>-->
		<script type="text/javascript" src="js/jquery-1.12.3.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/public.js" ></script>
		<script type="text/javascript" src="js/msg.js" ></script>
	</body>
</html>
